@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* for Safari */  
p{text-shadow:#000 0 0 0; }  
/* for Firefox */  
p{-moz-opacity: 0.99;}

body {
	line-height: 1;
}

blockquote, q {quotes: none;border-left:4px solid #666;margin:9px;padding-left:5px;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* http://honoo-no.com/creators/2008/02/14_211120.html */
textarea,input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
} 

ul , ol, dd {padding-left:1em;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a img , img { border-width:0; outline:none}

/* -----------------------------------------------------------
     reset Bloggr CSS
------------------------------------------------------------*/
#navbar {
	display: none !important;
}

.section,
.widget {
	margin: 0 !important;
}
.status-msg-body {
	text-align: left;
}
.comment-form {
	max-width: 100% !important;
}

.post-body {
	width: auto !important;
}

/* tables still need 'cellspacing="0"' in the markup */
#center table {
	border-collapse:collapse;
	border-spacing:0;
}

#center th ,
#center td {
}

a:link {
	color:#336699;
	text-decoration:none;
}
a:visited {
	color:#6699cc;
}
a:hover {
	color:#33aaff;
}
/* -----------------------------------------------------------
     outer
------------------------------------------------------------*/
body {
	font: 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif
}

#reset-css {font-size:0.92em;}

#general-content { /* <- body */
	 _text-align:center;
}

#outer-wrapper {
	width: 760px;
	margin: 0 auto;
	/*padding: 15px;
	background: rgba( 255, 255, 255, 0.8);
	_background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff);
	_text-align:left;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius:10px;
	-webkit-shadow:0 1px 3px rgba(0, 0, 0, 0.15);*/
	radius:10px;
	shadow:0 1px 3px rgba(0, 0, 0, 0.15); 
}
#content-main {
	/* IE only */
	text-align:justify;
	text-justify:inter-ideograph;
}
/* -----------------------------------------------------------
     header 
------------------------------------------------------------*/
#Header1 {
	border-bottom: 2px solid #333;
	color: #666;
	padding: 20px 10px 10px;
	margin-bottom: 20px;
	shadow:0 3px 0 rgba(0, 0, 0, 0.3);
}
h1 {
  width:245px;
  height:45px;
  background: 0 0 url('http://gadget-os.googlecode.com/svn/trunk/HP/logo.png') no-repeat;
  text-indent:-9999px;
}
.description {
	/* text-align: center; */
	padding: 0 !important;
	margin: 0 !important;
}

/*     footer 
------------------------------------------------------------*/
#footer {
	border-top: 2px solid #333;
	padding-top: 6px;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}

/*     Top page demo
------------------------------------------------------------*/



h4 {
	border-left: 6px solid #9932ac;
	border-bottom: 1px solid #9932ac;
	padding-left: 7px;
	margin: 0 -0.5em 9px !important;
}

/* -----------------------------------------------------------
     構造 
------------------------------------------------------------*/
#main,
#center,
.left,
.right {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#main {
	width: 545px;
	overflow: auto;
	float: left;
}
#center {
	width: 100%;
}

.left {
	width: 200px;
	float: left;
}

.right {
	width: 200px;
	float: right;
}

.clear {
	clear: both;
}

/* -----------------------------------------------------------
     page-type index, Archive, item, static-page
------------------------------------------------------------*/
#pageType-index,
#pageType-archive,
#pageType-item,
#pageType-static_page {
	overflow: auto; /* 含包ブロック高さ確保 */
}

#pageType-index #center,
#pageType-archive #center {

}

/* -----------------------------------------------------------
     Post item, static-page
------------------------------------------------------------*/
#pageType-item #center h2,
#pageType-static_page #center h2 {
	display: none;
}
#pageType-item .item-outer,
#pageType-static_page .item-outer {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #ddd;
	margin:0 0 20px;
	padding:15px 9px;	
}

#pageType-item .post-body,
#pageType-static_page .post-body {
	line-height: 1.6;
}

.item-data {
	color:#888888;
	font:bold 11px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
	text-transform:uppercase;
	text-align:right;
}
	#pageType-item .item-outer h3,
	#pageType-static_page .item-outer h3 {
		text-align: center;
		padding-top: 9px;
	}
	#pageType-item .post-body,
	#pageType-static_page .post-body {
		padding: 20px 0;
		border-top: 1px solid #333;
	}

#pageType-item .post-footer,
#pageType-static_page .post-footer {
	text-align: right;
}

.post-labels {
	margin:0;
	padding:0;
}
.post-labels a {
	background: #66f;
	color: #fff;
	display: inline-block;
	padding: 0 5px;
	margin: 0 1px;
}
#pageType-index .post-labels a,
#pageType-archive .post-labels a {
	float:left;
	width:50px;
	overflow:auto;
	text-align:center;	
}
/* -----------------------------------------------------------
     Post index, Archive
------------------------------------------------------------*/
#pageType-index .item-outer,
#pageType-archive .item-outer {	
	margin-top: 3px;
	padding: 5px 3px 3px;
	overflow: auto;
	border-bottom: 1px #333 dotted !important;	
}
		#pageType-index .item-data,
		#pageType-archive .item-data {
			float: left;
			width: 60px;
			overflow: hidden;
		}
		#pageType-index #center .item-main,
		#pageType-archive #center .item-main {
			font-size: 12px;
			height: 1.4em;
			overflow: hidden;
			margin-left: 80px;
		}
			#pageType-index .item-outer h3,
			#pageType-archive .item-outer h3 {
				display: inline;
				font-size: 12px;
				margin-left: 5px;
			}
			blockquote.noindex,
			blockquote.noindex *  {
				padding:0;
				background:none;
				margin:0;
				color: #999;
				font-weight:normal;
				border:0;
				text-align:left;
			}
			blockquote.noindex {
				display: inline;
				_zoom: 1;
				_display: inline;
				_position:relative; /* fix ie6 */			
			}
			blockquote.noindex * {
				display: inline;
			}
			#pageType-index .post-footer,
			#pageType-archive .post-footer,
			#pageType-index h4,
			#pageType-archive h4,
			blockquote.noindex iframe,
			blockquote.noindex img,
			blockquote.noindex object,
			blockquote.noindex embed,
			blockquote.noindex br,
			blockquote.noindex hr {
				display:none;
			}		
		
		#pageType-index .author,
		#pageType-index .post-share-buttons,
		#pageType-archive .author,
		#pageType-archive .post-share-buttons {
			display: none;
		}
.item-thumbnail{
	height: 40px;
	vertical-align: top;
	float: left;
	padding: 5px 5px 5px 0;
}

/* Widgets
----------------------------------------------- */
h2 {
	font: bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
	text-transform: uppercase;
	color: #888888;
	margin: .5em 0 5px !important;
	border-top: 1px solid #333;
	border-bottom: 1px dotted #333;
	text-align: center;
	padding: 5px 0;
}
.widget-content {
	padding: 0 9px;
	margin-bottom: 30px;
}

.popular-posts,
.newsBarBox_gsnb
.full_gsnb,
.vertical_gsnb {
	font-size: 12px;
}

.widget ul, .widget #ArchiveList ul.flat {
	padding: 0 !important;
	list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
	border-top: dashed 1px #ccc;
	border-top: dashed 1px rgba(128, 128, 128, .5);
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
	border-top: none;
}
.widget .post-body ul {
	list-style: disc;
}
.widget .post-body ul li {
	border: none;
}

#HTML1 {
	margin: 10px 0 0 !important;
}
